*{
    margin: 0;
    padding: 0;
}

/*--------------*/
.head {
    list-style-type: none;
    overflow: hidden;
    background-color:#262626;
    position: fixed;
    top: -4px;
    left:  0;
    width: 100%;
    height: 7%
}
.nav1 {
    float: right;
}
.nav2{
    float: left;
    display: block;
    color: white;
    padding:15px 5px 17px 24px;
    text-decoration: none;
    font-family: KaiTi;
    font-size: 25px;
    font-weight: 800;    
}
li a {
    display: block;
    color: white;
    text-align: center;
    padding: 20px 16px;
    text-decoration: none;
}
li a:hover:not(.active) {
    background-color:#4a4951;
}
#join{
    font-weight: 900;
    font-family: Microsoft JhengHei;
    background-color:#fc9c12;
}

/*------第二个导航栏-------*/

.menu-iteam{
    text-align: center;
    overflow: hidden;
    margin:3.5em  auto;
    position:fixed;
    left: 28%;
    border: 100%;
}
.menu-iteam a{
    display: block;
    position: relative;
    text-decoration: none;
    color:#98fb98;
    float: left;
    padding: 20px 30px;
    -webkit-transition: .7s;
    -moz-transition: .7s;
    -o-transition: .7s;
    -ms-transition: .7s;
    transition: .7s;
    font-family: Microsoft JhengHei;
    
}
.effect{
    position: absolute;
    left: -8.5%;
    top: 78%;
    -webkit-transition: 0.4s ease-in-out;
    -moz-transition: 0.4s ease-in-out;
    -o-transition: 0.4s ease-in-out;
    -ms-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out; 
}
.menu-iteam a:hover{
    color: #adff26;
}

.menu-iteam a:nth-child(1):hover ~ .effect {
    left: 8%; }
.menu-iteam a:nth-child(2):hover ~ .effect {
    left: 26%; }
.menu-iteam a:nth-child(3):hover ~ .effect {
    left: 47.5%; }
.menu-iteam a:nth-child(4):hover ~ .effect {
    left: 68.5%; }
.menu-iteam a:nth-child(5):hover ~ .effect {
    left: 89%; }


.menu-iteam .effect {
    width: 90px;
    height: 2px;
    bottom: 36px;
    background: #adff26;
    margin-left:-45px;
  }

/*------页面滑动--------*/
.splash_workmark{
    position: fixed;
    top: 42%;
    left: 38%;
    color: white;
    font-size: 100px;
}
#splash_choco
{
    color: white;
    position: fixed;
    top: 87%;
    left: 46%;
    text-decoration: none;
    padding: 15px  20px;
    background-color: black;
    border: 2px solid  #189d5e;
    text-align: center;
    border-radius: 12px;
}
